<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
@media all and (min-width: 0px){
    .classname {}
}
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
var minW = 530;

$(function () {
CheckSizeZoom()
$('#divWrap').css('visibility', 'visible');
});
$(window).resize(CheckSizeZoom)

function CheckSizeZoom() {
if ($(window).width() > minW) {
var zoomLev = $(window).width() / minW;

if (typeof (document.body.style.zoom) != "undefined") {
$(document.body).css('zoom', zoomLev);
$(document.body).width($(window).width() / zoomLev);
$(document.body).css('position', 'relative');
}
else {
// Mozilla doesn't support zoom, use -moz-transform to scale and compensate for lost width
$('#divWrap').css('-moz-transform', "scale(" + zoomLev + ")");
$('#divWrap').width($(window).width() / zoomLev + 10);
$('#divWrap').css('position', 'relative');
$('#divWrap').css('left', (($(window).width() - minW - 16) / 2) + "px");
$('#divWrap').height($(window).height() / (zoomLev / 0));
}
}
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fit width test</title>
<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #CCC;
	zoom: 1;
    position: relative;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	padding-right: 15px;
	padding-left: 15px;

}
.container {
	width: 530px;
	background: #FFF;
	margin: 0 auto;
}
.content {

	padding: 10px 0;
}
#sticky_header {
	color: #FFF;
	background-color: #999;
	position: fixed;
	width: 100%;
	top: -15px;
}
-->
</style></head>

<body>

<div id="divWrap" style="visibility: hidden">

    <div id="sticky_header">
      <h1>Fit width test</h1>
    </div>
<div class="container">
  <div class="content">
    <h1>&nbsp;</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a turpis metus. Maecenas ultrices neque et lectus rhoncus eu aliquam nisi sodales. Vivamus pulvinar eleifend posuere. Maecenas pulvinar sollicitudin elit eget egestas. Donec id diam tellus. Maecenas eu odio lectus. Nulla facilisi. Aliquam ligula arcu, congue in consectetur vel, fermentum eu orci.</p>
    <p><img src="billeder/fit_width_test.png" alt="" width="500" height="500" /></p>
  </div>
</div>
</div>
</body>
</html>

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
